/**- - - - - Common 样式 - start  - - - - -*/
html {
    font-size: 62.5%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
    font-size: 100px;
    background: #fff;
    -webkit-tap-highlight-color: transparent;
    font-family: "PingFangSC-Regular,Helvetica Neue,Helvetica,Tahoma,sans-serif";
}

#root {
    font-size: 1.4rem;
}

body {
    height: 100%;
    background-color: #fcfcfa;
}

::-webkit-input-placeholder {
    color: #c7c7c7;
    font-size: .16rem;
}

:-moz-placeholder {
    color: #c7c7c7;
    font-size: .16rem;
}

::moz-placeholder {
    color: #c7c7c7;
    font-size: .16rem;
}

:-ms-input-placeholder {
    color: #c7c7c7;
    font-size: .16rem;
}

.w-disnone {
    display: none;
}

a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    outline: 0;
}

.w-int-item {
    -webkit-box-flex: 1;
    box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    font-size: .32rem;
    color: #333;
}

.w-int-del {
    position: absolute; 
    right: 0;
    top: 75%;
    width: 0.16rem;
    height: 0.16rem;
    margin-top: -0.148rem;
    background: url(../images/clear.png);
    background-size: 100%;
}


.w-int-code.w-int-uncode {
    color: #fbfdff;
    padding: 0.05rem 0.15rem;
    background: #ecb6b6;
    border-radius: 0.2rem;
}

.w-int-code {
    color: #1890ff;
    opacity: 1;
    font-size: .13rem;
    text-align: right;
}

.w-int-eye {
    width: 0.18rem;
    height: 0.18rem;
    right: 0;
    top: 0.08rem;
    background: url(../images/eye01.png) 50% no-repeat;
    background-size: 100%;
}

.w-int-eye.w-show {
    background: url(../images/eye02.png) 50% no-repeat;
    background-size: 100%;
}

.w-int-forget {
    color: #1890ff;
    font-size: .16rem;
}

.w-app {
    text-align: center;
    font-size: .16rem;
    color: #000;
}

.w-lay {
    /* max-width: 1080px; */
}

.w-btn {
    padding: .1rem;
    border-radius: 5px;
}

.w-mk-btn {
    color: #fff;
    border: .01rem solid;
    border-color: -webkit-linear-gradient(left,#f8827f5c,#f71b55);
    background: -webkit-linear-gradient(left,#f8827f5c,#f71b55);
}

.w-wd_8 { min-width: 80%; }
.w-wd_10 { min-width: 100%; }

.w-wd12 { min-width: 120px; }
.w-wd13 { min-width: 130px; }
.w-wd15 { min-width: 150px; }

.w-center {
    text-align: center;
}

.w-ris-dot2 {
    border-radius: .2rem;
}

/**- - - - - Common 样式 -> header样式 - start  - - - - -*/
.w-header {
    text-align: center;
}

.w-header[data-v2310002] {
    position: relative;
    display: block;
    background: #fff;
    height: .44rem;
    line-height: .44rem;
    font-size: .16rem;
    z-index: 9;
}

.w-header[data-v2310002]::after {
    content: " ";
    position: absolute;
    height: 1px;
    left: 0;
    bottom: 0;
    right: 0;
    border-bottom: 1px solid #ddd;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.w-goback[data-v2310002] {
    top: .1rem;
    left: .3rem;
    background-image: url(../images/goback01.png);
    width: 0.22rem;
    height: 0.22rem;
    overflow: hidden;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.w-disable {
    background: -webkit-linear-gradient(left,#efe5df,#fc97aa);
    color: #fff;
}

/**- - - - - Common 样式 -> header样式  - end   - - - - -*/

/**- - - - - Common 样式 -> Input样式  - start  - - - - -*/

.w-int-container {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 0.46rem;
    padding-bottom: 0.1rem;
    overflow: hidden;
    margin-top: 0.1rem;
    background: #fcfcfa;
    border-bottom: 0.01rem solid #d8d3d3;
}

.w-int-label {
    position: absolute;
    width: .46rem;
    line-height: .46rem;
    font-size: .16rem;
    left: 0;
    top: 0;
}

.w-int {
    height: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

input {
    display: block;
    width: 100%;
    height: 0.32rem;
    color: #333;
    font-size: .16rem;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background: 0 0;
    position: relative;
}

input {
    border: none;
}

input {
    line-height: .45rem;
}

*, input {
    outline: 0;
}


.w-int-clear {
    top: 0;
    background-image: url(../images/clear02.png);
}

.w-int-icon {
    position: absolute;
    width: 0.24rem;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0;
    display: flex;
    align-items: center;
}

.w-int-label .w-account {
    color: #f71b5596;
    font-size: .20rem;
}

.w-int-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    font-size: .3rem;
    margin-top: .1rem;
    padding: 0.1rem 0;
    height: .6rem;
    position: relative;
}

.w-int-body {
    height: 100%;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    height: .46rem;
    font-size: .16rem;
    overflow: hidden;
    background: #fcfcfa;
    border-bottom: 1px solid #dcdcdc;
}

.w-int-body.w-error {
    border-bottom: 1px solid #f71b55;
}

.w-label-icon {
    position: absolute;
    left: 0;
    height: 0.46rem;
    line-height: .46rem;
    display: flex;
    align-items: center;
}

.w-label-icon .w-lPwd,
.w-label-icon .w-uname,
.w-label-icon .w-mobile,
.w-label-icon .w-idcard,
.w-label-icon .w-account,
.w-label-icon .w-validcode {
    color: #f71b5596;
} 

.w-int-inner {
    height: 100%;
    width: 100%;
    padding-left: .28rem;
}

.w-int-clear {
    position: absolute;
    background-image: url(../images/close01.png);
    width: .22rem;
    height: 100%;
    top: 0;
    right: .05rem;
    background-position: 0;
    background-size: 100%;
    background-repeat: no-repeat;
}

.w-ibtn.w-int-clear[data-v2310001] {
    right: 1.2rem;
}

.w-int-box .w-code-btn[data-v2310001] {
    padding: 0 .1rem;
}

.w-code-btn, .w-int-btn {
    width: 1.1rem;
    height: 0.3rem;
    right: 0;
    color: #fffbfb;
    cursor: pointer;
    font-size: .14rem;
    position: absolute;
    border-radius: 0.5rem;
    background: #f71b5563;
    border: 1px solid #ffffff;
}

.w-int-box .w-label-icon span {
    font-size: .2rem;
}

/**- - - - - Common 样式 -> Input样式  - end   - - - - -*/




/**- - - - - Common 样式 - end  - - - - -*/

/**- - - - - 登录页面样式 - start - - - - -*/
.w-login {
    text-align: left;
    background: #fcfcfa;
    padding: 0 0.25rem;
}

.w-header[data-v2310001] {
    display: block;
    position: relative;
    background: #fcfcfa;
    font-size: 17px;
    z-index: 9;
    text-align: center;
}

.w-close[data-v2310001] {
    position: absolute;
    width: .3rem;
    height: .3rem;
    background: url(../images/close01.png);
    background-size: 100%;
    display: inline-block;
    top: .14rem;
    left: 0.14rem;
    z-index: 10;
}

.w-login-title {
    margin: 0.1rem 0.2rem;
}

.w-login-swtab {
    color: #fd3cb3;
    cursor: pointer;
}

.w-login-wrap {
    margin: 0.1rem .1rem 0 .1rem;
}

.w-login-form,
.w-login-wrap[data-v2310001] {
    background: #fcfcfa;
    position: relative;
    z-index: 9;
}

.w-form-style {
    transform-origin: 0px 0px;
    opacity: 1;
    transform: scale(1, 1);
}

.w-login-user, .w-login-pwd {
    display: -webkit-box;
    display: -moz-box;
    display: flexbox;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .3rem;
    padding: .05rem 0;
    position: relative;
}

.w-int-divide {
    position: absolute;
    height: 0.015rem;
    background: #ebeced;
    left: 0;
}

.w-int-divide {
    bottom: 0;
    width: 100%;
}

.w-int-animate {
    animation: IntAnimation 1s linear;
    background: #ff0d39bd;
}

@keyframes IntAnimation {
    0% { 
        background: -webkit-linear-gradient(to right,#ff0d39bd, #e8ede7); 
        background: linear-gradient(to right,#ff0d39bd, #e8ede7);
    }
    
    50% { 
        background: -webkit-linear-gradient(to right,#ff0d39bd, #e8ede7); 
        background: linear-gradient(to right,#e83f5ebd, #e8ede7);
    }
    
    80% { 
        background: -webkit-linear-gradient(to right,#ff0d39bd, #e8ede7); 
        background: linear-gradient(to right,#ee9fadbd, #e8ede7);
    }

    100% {
        background: -webkit-linear-gradient(to right,#ff0d39bd, #e8ede7); 
        background: linear-gradient(to right,#ff0d39bd, #e8ede7);
    }
}

/* 登录协议 */
.w-lsettlement {
    margin: 0.16rem 0 0;
    padding-left: .2rem;
    line-height: .16rem;
    font-size: .1rem;
    color: #919599;
    position: relative;
}

.w-lsettlement .w-lsett-ckbox.w-active {
    background-image: url(../images/checkbox02.png);
}

.w-lsettlement .w-lsett-ckbox {
    width: 0.16rem;
    height: 0.16rem;
    background-image: url(../images/checkbox01.png);
    background-size: 100%;
    display: inline-block;
    position: absolute;
    top: 0rem;
    left: 0rem;
}

.w-login-btn {
    margin: .2rem 0;
}

.w-login-tab {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    height: .1rem;
    line-height: .1rem;
}

.w-login-tab>span {
    color: #828282;
}

.w-login-btn .w-disable {
    background: -webkit-linear-gradient(left,#efe5df,#fc97aa);
    color: #fff;
}

.w-code-btn.w-disable {
    color: #efe5df;
    background: #ecb3bd;
    border: 1px solid #ecb3bd;
}

.w-login-smart {
    width: 100%;
    margin-top: .88rem;
    border-top: 1px solid rgba(0,0,0,.1);
    font-size: .12rem;
}

.w-login-three {
    color: #ecb6b6;
    width: 2.2rem;
    margin: -0.11rem auto 0;
    background: #fff;
    text-align: center;
}

.w-login-other {
    width: 100%;
    text-align: center;
    font-size: .26rem;
    color: #666;
    margin: 0.12rem auto 0.14rem;
    overflow: hidden;
}

.w-lother-li {
    display: inline-block;
    width: 0.46rem;
    height: 0.46rem;
    margin: 0 0.22rem;
    background-color: #f6e9e2;
    border-radius: 0.23rem;
    padding-top: 0.08rem;
    font-size: .3rem;
}

.w-lother-li .w-QQ {
    color: #1890ff;
}

.w-lother-li .w-weixin {
    color: #10bc10;
}

.w-lother-li .w-zfb {
    color: #1890ff;
}

/**- - - - - 登录页面样式 - end  - - - - -*/


/**- - - - - 找回密码页面样式 - start - - - - -*/
.w-find {
    padding: 0 .2rem;
}

.w-username[data-v2310001] {
    padding: .06rem .3rem 0 .33rem;
}

.w-int-clear[data-v2310001] {
    right: 0;
}
/**- - - - - 找回密码页面样式 - end  - - - - -*/


/**- - - - - 弹出滑块儿页面样式 - start - - - - -*/
.w-vli-box {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent;
}

.w-vli-box .w-vli-modal {
    background: #f8f8f8;
    border-radius: 10px;
}

.w-vli-box .w-vli-modal.w-mobile {
    width: 82%;
}

.w-vli-modal {
    position: absolute;
    z-index: 9999;
    top: 40%;
    left: 50%;
    max-width: 450px;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-40%);
    -ms-transform: translate(-50%,-50%);
}

.w-vli-head {
    font-size: .18rem;
    line-height: .55rem;
    height: .55rem;
    color: #333;
    text-align: center;
    position: relative;
    overflow: hidden;
    -ms-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.w-vli-body {
    position: relative;
    overflow: hidden;
    margin: 0 3%;
}

.w-vli-load {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    color: #c1c1c1;
    font-size: .16rem;
    z-index: 1400;
}

.w-vli-refresh {
    position: absolute;
    top: .15rem;
    right: 3.23%;
    width: .23rem;
    height: auto;
    cursor: pointer;
}

.w-vli-refresh img {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.w-vli-img {
    display: block;
    width: 100%;
    cursor: pointer;
    position: relative;
}

.w-vli-hua {
    height: 100%;
    padding-top: 0;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
}

.w-vli-foot {
    font-size: .16rem;
    height: .6rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .1rem 3.23%;
    position: relative;
    text-align: left;
    overflow: hidden;
    -ms-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.w-vli-desc[data-v2310001] {
    text-align: center;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    color: #999;
    border: 1px solid #e95e5e9e;
    border-radius: 19px;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.w-vli-desc img,
.w-vli-desc .w-vli-hua-icon[data-v2310001] {
    position: absolute;
    left: 0;
    top: 0;
}

.w-vli-desc .w-vli-hua-icon[data-v2310001] {
    height: 100%;
    width: 0;
    background-color: #deeeff;
    border: none;
    border-right: 0 solid #94d4b5;
    border-radius: 19px 0 0 19px;
    z-index: -1;
}

.w-vli-desc>img {
    height: .36rem;
}

/**- - - - - 弹出滑块儿页面样式 - e n d - - - - -*/



/**- - - - - 身份验证页样式 - start - - - - -*/
.w-auth-items {
    text-align: left;
    margin: 0 .25rem;
}

.w-auth-item[data-v2310001] {
    position: relative;
    cursor: pointer;
    padding: .15rem .2rem .15rem 0;
    border-top: .01rem solid #e2e2e2;
}

.w-auth-item[data-v2310001]:last-child {
    border-bottom: .01rem solid #e2e2e2;
}

.w-auth-items .w-auth-item i[data-v2310001] {
    position: absolute;
    background: url(../images/arrow-r.png) 50% no-repeat;
    background-size: 50%;
    content: ' ';
    top: 0;
    right: 0;
    width: .16rem;
    height: 100%;
    font-size: .16rem;
}

.w-hd01 {
    display: block;
    position: relative;
    background: #fcfcfa;
    font-size: 17px;
    z-index: 9;
    text-align: center;
}

.w-hd01 .w-hd01-logo {
    width: 2.3rem;
    margin-top: .18rem;
}

.w-hd01 .w-hd01-logo1 {
    width: 1.2rem;
    margin-top: .18rem;
    border-radius: .1rem;
}

.w-hd01-nick {
    font-weight: bolder;
    font-family: '华文新魏';
}

.w-hd01-desc {
    margin-top: 0.08rem;
    font-size: .14rem;
    color: #c29999;
    font-family: '华文新魏';
}

.w-next {
    margin-top: 0.3rem;
}

.w-tip-text {
    display: block;
    color: #75b1e9;
    margin: .12rem .25rem;
    cursor: pointer;
    text-align: right;
}

.w-modal[data-v2310001] {
    position: fixed;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9;
    overflow: auto;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.w-modal .w-modal-mask[data-v2310001] {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #3d3b3b85;
}

.w-modal .w-modal-body[data-v2310001] {
    position: absolute;
    bottom: 0;
    margin-top: auto;
    padding: .1rem;
    width: 100%;
    box-sizing: border-box;
}

.w-modal .w-modal-head[data-v2310001] {
    height: .5rem;
    line-height: .5rem;
    font-size: .16rem;
    text-align: center;
    background-color: #fff;
    color: #686767;
    border-radius: .1rem .1rem 0 0;
}

.w-modal .w-modal-content[data-v2310001] {
    border-radius: 0 0 .1rem .1rem ;
    background-color: #fff;
}

.w-modal .w-modal-content .w-mitem[data-v2310001] {
    border-top: 1px solid #e9e9e9;
    height: 0.52rem;
    line-height: .52rem;
    font-size: .16rem;
    text-align: center;
    font-weight: bolder;
    color: #686767;
}

.w-modal .w-modal-foot[data-v2310001] {
    margin-top: .1rem;
}

.w-modal .w-modal-foot .w-mitem[data-v2310001] {
    height: 0.52rem;
    line-height: .52rem;
    font-size: .18rem;
    text-align: center;
    background-color: #fff;
    border-radius: .1rem;
}

.w-mitem .w-cancel{
    color: #1890ff;
    font-size: .18rem;
}
/**- - - - - 身份验证页样式 - e n d - - - - -*/

